<template>
  <!-- 应用弹窗 -->
  <pro-dialog class="add-serve" ref="refuseDom" width="820" :nopadding="true" title="拒绝原因填写">
    <div class="model-box" style="padding:0  24px 24px">
      <YsRow :gutter="16">
        <YsCol span="24">
          <YsInput v-model.trim="textIntro" :maxlength="200" class="textNtro" type="textarea" placeholder="请输入拒绝原因"></YsInput>
        </YsCol>
      </YsRow>
      <YsRow class="foot-btn">
        <YsButton  size="large"  @click="handleClose()">取消</YsButton>
        <YsButton  size="large" @click="handleOk()" type="primary">确认</YsButton>
      </YsRow>
    </div>
  </pro-dialog>
</template>

<script>
export default {
  name: 'refuseModal',
  data() {
    return {
      textIntro: ""
    }
  },
  methods: {
    handleClose() {
      this.$refs.refuseDom.close()
      this.$emit("error_click", false)
    },
    handleOk() {
      if (this.textIntro) {
        this.$emit("error_click", this.textIntro)
      } else {
        this.$YsMessage.error('请输入拒绝原因');
      }
    },
  },
  mounted() {
    // this.$refs.refuseDom.show()
  },

}
</script>

<style scoped lang='less'>
/deep/ .textNtro {
  textarea {
    resize: none;
    font-size: 16px;
    height: 224px;
    &::placeholder {

      line-height: 34px;
 
    }
  }
}
.foot-btn {
  margin-top: 24px;
}


/deep/ .ivu-modal-header {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
/deep/ .ivu-modal-close {
  right: 18px;
}
/deep/.ivu-btn-large{
  min-width: 98px !important;
}
</style>